/* Here is your custom css styles. */

/* hexo-filter-github-emojis */
.github-emoji{
    height: 2em;
    width: 2em;
    display: inline-block !important;
    position: relative;
    margin: 0 3px !important;
    padding: 0;
}
.github-emoji:hover{
    animation: emoji-face 5s infinite ease-in-out;
}
@keyframes emoji-face {
    2% {
        transform: translate(0, 1.5px) rotate(1.5deg);
    }
    4% {
        transform: translate(0, -1.5px) rotate(-0.5deg);
    }
    6% {
        transform: translate(0, 1.5px) rotate(-1.5deg);
    }
    8% {
        transform: translate(0, -1.5px) rotate(-1.5deg);
    }
    10% {
        transform: translate(0, 2.5px) rotate(1.5deg);
    }
    12% {
        transform: translate(0, -0.5px) rotate(1.5deg);
    }
    14% {
        transform: translate(0, -1.5px) rotate(1.5deg);
    }
    16% {
        transform: translate(0, -0.5px) rotate(-1.5deg);
    }
    18% {
        transform: translate(0, 0.5px) rotate(-1.5deg);
    }
    20% {
        transform: translate(0, -1.5px) rotate(2.5deg);
    }
    22% {
        transform: translate(0, 0.5px) rotate(-1.5deg);
    }
    24% {
        transform: translate(0, 1.5px) rotate(1.5deg);
    }
    26% {
        transform: translate(0, 0.5px) rotate(0.5deg);
    }
    28% {
        transform: translate(0, 0.5px) rotate(1.5deg);
    }
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #e1e1e1;
}
::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: linear-gradient(to bottom, #c5c2c2 0%, #b9b9b9 100%);
}

/* -------------- crisp客服修改 ------------------ */
#hexo-heny .crisp-kquevr {
    right: 24px !important;
}

#hexo-heny .crisp-x94m06 {
    width: 48px !important;
    height: 48px !important;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2) !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2) !important;
    opacity: .8;
}

#hexo-heny .crisp-ws3gf1 {
    background: linear-gradient(to bottom right, #2e64ca 0%, #1550bd 100%) !important;
}

#hexo-heny .crisp-101bp3x[data-is-ongoing=false] {
    width: 28px !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}


/* -------------- valine评论修改 ------------------ */
.v[data-class=v] .vwrap .vheader .vinput {
    width: 32% !important;
}

.v[data-class=v] .vwrap .vemojis i {
    font-style: normal;
    padding-top: 7px;
    width: 36px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    padding-right: 3px;
    padding-left: 3px;
}

@media only screen and (max-width: 992px) and (min-width: 600px) {
    .v[data-class=v] .vwrap .vheader .vinput {
        width: 100%!important;
    }
}